export var name = "service-s1";

export function render() {
    return `
        <div class="service-container">
            <div class="page-header">
                <h2>服务管理 - 服务1</h2>
            </div>
            <div class="card">
                <div class="card-body">
                    <div class="service-list">
                        <div class="service-item">
                            <div class="service-icon"><i class="bi bi-cloud"></i></div>
                            <div class="service-info">
                                <h3>云存储服务</h3>
                                <p>提供安全可靠的云存储解决方案，支持多终端同步</p>
                            </div>
                            <div class="service-status"><span class="badge bg-success">运行中</span></div>
                        </div>
                        <!-- 更多服务项 -->
                    </div>
                </div>
            </div>
        </div>
    `;
}

export function afterRender() {
    console.log("Service s1 component rendered");
}